<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<link rel="shortcut icon" href="images/favicon.ico" />

	<style type="text/css">
		@import url(stylesheets/light/styles.css);		/*link to the main CSS file */
	</style>

	<title>Inspiration | Accordion Shortcode page</title>
	
	<!-- Initialise jQuery Library -->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
	<script type="text/javascript" src="js/cufon/cufon-yui.js"></script>
</head>
<body id="sp">
<!-- Start Main Nav -->
<div class="mainnav_full">
	<div id="MainNav">
		<a href="index.html" class="logo"><img src="images/logo.png" width="180" height="50" alt="" /></a>
		<div id="menu">
			<ul class="ddsmoothmenu">
				<li><span class="menuslide"></span><a href="#" title="Home">Home<span class="menu_description">Beginning</span></a>
                	<ul>
						<li><a href="index.html" title="Accordion Slider">Accordion Slider</a></li>
						<li><a href="index2.html" title="Nivo Slider">Nivo Slider</a></li>
						<li><a href="index3.html" title="Coin Slider">Coin Slider</a></li>
						<li><a href="index4.html" title="Anything Slider">Anything Slider</a></li>
						<li><a href="index5.html" title="3D Slider">3D Slider</a></li>
						<li><a href="index6.html" title="Roundabout Slider">Roundabout Slider</a></li>
						<li><a href="index7.html" title="Orbit Slider">Orbit Slider</a></li>
						<li><a href="index8.html" title="Serie3 Slider">Serie3 Slider</a></li>
					</ul>
                </li>
				<li class="current-menu-item"><span class="menuslide"></span><a href="#" title="About">About<span class="menu_description">About Theme</span></a>
                	<ul>
						<li><a href="about.html" title="About Us">About Us</a></li>
						<li><a href="services.html" title="Services">Services</a></li>
						<li><a href="fullwidth.html" title="Fullwidth">Fullwidth</a></li>
						<li><a href="sidebar_left.html" title="Sidebar Left">Sidebar Left</a></li>
						<li><a href="typography.html" title="Typography">Typography</a></li>
						<li><a href="faq.html" title="FAQ">FAQ</a></li>
                        <li><a href="#" title="Shortcodes">Shortcodes</a>
                        <ul>
                            <li><a href="short_tabs.html" title="Tabs">Tabs</a></li>
                            <li><a href="short_accordion.html" title="Accordion">Accordion</a></li>
                            <li><a href="short_toggle.html" title="Toggle">Toggle</a></li>
                        </ul>
                        </li>
					</ul>
                </li>
				<li><span class="menuslide"></span><a href="gallery.html" title="Gallery">Gallery<span class="menu_description">Our Gallery</span></a></li>
				<li><span class="menuslide"></span><a href="#" title="Portfolio">Portfolio<span class="menu_description">Our Portfolio</span></a>
					<ul>
						<li><a href="portfolio_1col.html" title="Portfolio 1 Column">Portfolio 1 Column</a></li>
						<li><a href="portfolio_2col.html" title="Portfolio 2 Column">Portfolio 2 Column</a>
						<ul>
							<li><a href="portfolio_1col.html" title="Portfolio 1 Column">Portfolio 1 Column</a></li>
							<li><a href="portfolio_2col.html" title="Portfolio 2 Column">Portfolio 2 Column</a>
							<ul>
								<li><a href="portfolio_detailed.html" title="Portfolio Detailed">Portfolio Detailed</a></li>
							</ul>
							</li>
							<li><a href="portfolio_3col.html" title="Portfolio 3 Column">Portfolio 3 Column</a></li>
							<li><a href="portfolio_4col.html" title="Portfolio 4 Column">Portfolio 4 Column</a></li>
						</ul>
						</li>
						<li><a href="portfolio_3col.html" title="Portfolio 3 Column">Portfolio 3 Column</a></li>
						<li><a href="portfolio_4col.html" title="Portfolio 4 Column">Portfolio 4 Column</a></li>
						<li><a href="portfolio_single.html" title="Portfolio Detailed">Portfolio Detailed</a></li>
					</ul>
				</li>
				<li><span class="menuslide"></span><a href="#" title="Blog">Blog<span class="menu_description">On Any Page</span></a>
					<ul>
						<li><a href="blog.html" title="Blog Page">Blog Page</a></li>
						<li><a href="blog_alternate.html" title="Blog Alternate Page">Blog Alternate Page</a></li>
						<li><a href="blog_single.html" title="Blog Single Page">Blog Single Page</a></li>
					</ul>
				</li>
				<li><span class="menuslide"></span><a href="partners.html" title="Partners">Partners<span class="menu_description">Our Partners</span></a></li>
				<li><span class="menuslide"></span><a href="contact.html" title="Contact">Contact<span class="menu_description">Write a Message</span></a></li>
			</ul>
		</div>
		<div class="clear"></div>
	</div>
</div>
<!-- End Main Nav -->

<!-- Begin Header -->
<div class="header_full sample_01">
	<div class="head_top_shadow"></div>
	<div class="head_bot_shadow"></div>
	<div id="header"></div>
</div>
<!-- End Header -->

<!-- Start Content Wrapper -->
<div class="content_wrapper_sbr">
	<div class="PageTitle">
		<h1>Accordion Shortcode</h1>
	</div>
	<div id="breadcrumbs">
		<a href="index.html" title="Home">Home</a> &raquo; <a href="about.html" title="About Us">About Us</a> &raquo; <a href="#" title="Shortcodes">Shortcodes</a> &raquo; Accordion Shortcode
	</div>
	<!-- Content Area -->
	<div id="content">
		<!-- Start Accordion Fullwidth Shortcode -->
        <div class="acc_wrapper">
        	<b class="acc_trigger">Web Design &amp; Development</b>
            <div class="acc_container">
                <div class="block">
                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
                </div>
            </div>
            <b class="acc_trigger">Web Design &amp; Development</b>
            <div class="acc_container">
                <div class="block">
                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
                </div>
            </div>
            <b class="acc_trigger">Web Design &amp; Development</b>
            <div class="acc_container">
                <div class="block">
                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
                </div>
            </div>
		</div>
        <!-- End Accordion Fullwidth Shortcode -->
        <span class="code">code:</span>
        <pre>&lt;div class=&quot;acc_wrapper&quot;&gt;<br />	&lt;b class=&quot;acc_trigger&quot;&gt;Web Design &amp;amp; Development&lt;/b&gt;<br />	&lt;div class=&quot;acc_container&quot;&gt;<br />		&lt;div class=&quot;block&quot;&gt;<br />			&lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada.&lt;/p&gt;<br />		&lt;/div&gt;<br />	&lt;/div&gt;<br />	&lt;b class=&quot;acc_trigger&quot;&gt;Web Design &amp;amp; Development&lt;/b&gt;<br />	&lt;div class=&quot;acc_container&quot;&gt;<br />		&lt;div class=&quot;block&quot;&gt;<br />			&lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada.&lt;/p&gt;<br />		&lt;/div&gt;<br />	&lt;/div&gt;<br />	&lt;b class=&quot;acc_trigger&quot;&gt;Web Design &amp;amp; Development&lt;/b&gt;<br />	&lt;div class=&quot;acc_container&quot;&gt;<br />		&lt;div class=&quot;block&quot;&gt;<br />			&lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada.&lt;/p&gt;<br />		&lt;/div&gt;<br />	&lt;/div&gt;<br />&lt;/div&gt;</pre>
        <br />
        <div class="hr_610"></div>
		<br />
        <!-- Start Accordion Left Aligned Shortcode -->
        <div class="acc_wrapper alignleft">
        	<b class="acc_trigger">Web Design &amp; Development</b>
            <div class="acc_container">
                <div class="block">
                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
                </div>
            </div>
            <b class="acc_trigger">Web Design &amp; Development</b>
            <div class="acc_container">
                <div class="block">
                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
                </div>
            </div>
            <b class="acc_trigger">Web Design &amp; Development</b>
            <div class="acc_container">
                <div class="block">
                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
                </div>
            </div>
		</div>
        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
        <div class="clear"></div>
        <!-- End Accordion Left Aligned Shortcode -->
        <span class="code">code:</span>
        <pre>&lt;div class=&quot;acc_wrapper alignleft&quot;&gt;<br />	&lt;b class=&quot;acc_trigger&quot;&gt;Web Design &amp;amp; Development&lt;/b&gt;<br />	&lt;div class=&quot;acc_container&quot;&gt;<br />		&lt;div class=&quot;block&quot;&gt;<br />			&lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et.&lt;/p&gt;<br />		&lt;/div&gt;<br />	&lt;/div&gt;<br />	&lt;b class=&quot;acc_trigger&quot;&gt;Web Design &amp;amp; Development&lt;/b&gt;<br />	&lt;div class=&quot;acc_container&quot;&gt;<br />		&lt;div class=&quot;block&quot;&gt;<br />			&lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et.&lt;/p&gt;<br />		&lt;/div&gt;<br />	&lt;/div&gt;<br />	&lt;b class=&quot;acc_trigger&quot;&gt;Web Design &amp;amp; Development&lt;/b&gt;<br />	&lt;div class=&quot;acc_container&quot;&gt;<br />		&lt;div class=&quot;block&quot;&gt;<br />			&lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et.&lt;/p&gt;<br />		&lt;/div&gt;<br />	&lt;/div&gt;<br />&lt;/div&gt;<br />&lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. habitant
morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam,
feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.&lt;/p&gt;<br />&lt;div class=&quot;clear&quot;&gt;&lt;/div&gt;</pre>
        <br />
        <div class="hr_610"></div>
		<br />
        <!-- Start Accordion Right Aligned Shortcode -->
        <div class="acc_wrapper alignright">
        	<b class="acc_trigger">Web Design &amp; Development</b>
            <div class="acc_container">
                <div class="block">
                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
                </div>
            </div>
            <b class="acc_trigger">Web Design &amp; Development</b>
            <div class="acc_container">
                <div class="block">
                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
                </div>
            </div>
            <b class="acc_trigger">Web Design &amp; Development</b>
            <div class="acc_container">
                <div class="block">
                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
                </div>
            </div>
		</div>
        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
        <div class="clear"></div>
        <!-- End Accordion Right Aligned Shortcode -->
        <span class="code">code:</span>
        <pre>&lt;div class=&quot;acc_wrapper alignright&quot;&gt;<br />	&lt;b class=&quot;acc_trigger&quot;&gt;Web Design &amp;amp; Development&lt;/b&gt;<br />	&lt;div class=&quot;acc_container&quot;&gt;<br />		&lt;div class=&quot;block&quot;&gt;<br />			&lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et.&lt;/p&gt;<br />		&lt;/div&gt;<br />	&lt;/div&gt;<br />	&lt;b class=&quot;acc_trigger&quot;&gt;Web Design &amp;amp; Development&lt;/b&gt;<br />	&lt;div class=&quot;acc_container&quot;&gt;<br />		&lt;div class=&quot;block&quot;&gt;<br />			&lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et.&lt;/p&gt;<br />		&lt;/div&gt;<br />	&lt;/div&gt;<br />	&lt;b class=&quot;acc_trigger&quot;&gt;Web Design &amp;amp; Development&lt;/b&gt;<br />	&lt;div class=&quot;acc_container&quot;&gt;<br />		&lt;div class=&quot;block&quot;&gt;<br />			&lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et.&lt;/p&gt;<br />		&lt;/div&gt;<br />	&lt;/div&gt;<br />&lt;/div&gt;<br />&lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. habitant
morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam,
feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.&lt;/p&gt;<br />&lt;div class=&quot;clear&quot;&gt;&lt;/div&gt;</pre>
	</div>
	<!-- Sidebar Area -->
	<div id="sidebar">
		<div class="widget-container widget_search">
		<form action="action" id="searchform">
			<div>
				<label for="s" class="screen-reader-text">Search for:</label>
				<input type="text" id="s" name="s" value="" />
				<input type="submit" value="Search" id="searchsubmit" />
			</div>
		</form>
		</div>
		<div class="widget-container widget_nav_menu">
			<h3>Custom Menu</h3>
			<ul>
				<li><a href="#" title="Blog Posts">Blog Posts</a></li>
				<li><a href="#" title="Lightbox">Lightbox</a></li>
				<li><a href="#" title="Sitemap">Sitemap</a></li>
				<li><a href="#" title="Video">Video</a></li>
				<li><a href="#" title="Typography">Typography</a></li>
				<li><a href="#" title="Flexible Columns">Flexible Columns</a></li>
				<li><a href="#" title="Info Boxes">Info Boxes</a></li>
				<li><a href="#" title="Buttons">Buttons</a></li>
				<li><a href="#" title="Images">Images</a></li>
				<li><a href="#" title="Tables">Tables</a></li>
				<li><a href="#" title="Google Maps">Google Maps</a></li>
				<li><a href="#" title="Widgets">Widgets</a></li>
				<li><a href="#" title="Tabs">Tabs</a></li>
				<li><a href="#" title="Accordion">Accordion</a></li>
				<li><a href="#" title="Toggle">Toggle</a></li>
			</ul>
		</div>
		<div class="widget-container widget_tabbed">
			<!-- Start Tabbed Box Container -->
			<!-- Tabs Menu -->
			<ul class="tab-items">
				<li><a href="#tabs-1" title="Popular">Popular</a></li>
				<li><a href="#tabs-2" title="Recent">Recent</a></li>
				<li><a href="#tabs-3" title="Comments">Comments</a></li>
			</ul>
			<!-- Tab Container for menu with ID tabs-1 -->
			<div class="tabs-inner" id="tabs-1">
				<ul>
					<li>
						<a href="blog_single.html"><img src="images/px.gif" width="60" height="55" alt="" class="pic alignleft" /></a>
						<b><a href="blog_single.html">Accumsan malesuada sitmet eros lorem</a></b>
						<span class="date">September 15, 2010</span>
						<div class="clear"></div>
					</li>
					<li>
						<a href="blog_single.html"><img src="images/px.gif" width="60" height="55" alt="" class="pic alignleft" /></a>
						<b><a href="blog_single.html">Malesuada orcdonec umet lorem doloronsec tetuer malesuada</a></b>
						<span class="date">August 30, 2010</span>
						<div class="clear"></div>
					</li>
					<li>
						<a href="blog_single.html"><img src="images/px.gif" width="60" height="55" alt="" class="pic alignleft" /></a>
						<b><a href="blog_single.html">Udipiscing elit mauris sifermen tum tellus dapibus</a></b>
						<span class="date">August 25, 2010</span>
						<div class="clear"></div>
					</li>
					<li>
						<a href="blog_single.html"><img src="images/px.gif" width="60" height="55" alt="" class="pic alignleft" /></a>
						<b><a href="blog_single.html">Udipiscing elit mauris sifermen tum tellus dapibus</a></b>
						<span class="date">August 20, 2010</span>
						<div class="clear"></div>
					</li>
				</ul>
			</div>
			<!-- Tab Container for menu with ID tabs-2 -->
			<div class="tabs-inner" id="tabs-2">
				<ul>
					<li>
						<a href="blog_single.html"><img src="images/px.gif" width="60" height="55" alt="" class="pic alignleft" /></a>
						<b><a href="blog_single.html">Malesuada orcdonec</a></b>
						<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam</p>
						<div class="clear"></div>
					</li>
					<li>
						<a href="blog_single.html"><img src="images/px.gif" width="60" height="55" alt="" class="pic alignleft" /></a>
						<b><a href="blog_single.html">Udipiscing elit</a></b>
						<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam</p>
						<div class="clear"></div>
					</li>
					<li>
						<a href="blog_single.html"><img src="images/px.gif" width="60" height="55" alt="" class="pic alignleft" /></a>
						<b><a href="blog_single.html">Ullam corporis suscipit</a></b>
						<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam</p>
						<div class="clear"></div>
					</li>
					<li>
						<a href="blog_single.html"><img src="images/px.gif" width="60" height="55" alt="" class="pic alignleft" /></a>
						<b><a href="blog_single.html">Malesuada orcdonec</a></b>
						<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam</p>
						<div class="clear"></div>
					</li>
				</ul>
			</div>
			<!-- Tab Container for menu with ID tabs-3 -->
			<div class="tabs-inner" id="tabs-3">
				<ul>
					<li>
						<b><a href="blog_single.html">Accumsan malesuada sitmet eros lorem</a></b>
						<span class="date">September 15, 2010</span>
					</li>
					<li>
						<b><a href="blog_single.html">Malesuada orcdonec umet lorem doloronsec tetuer malesuada</a></b>
						<span class="date">August 30, 2010</span>
					</li>
					<li>
						<b><a href="blog_single.html">Udipiscing elit mauris sifermen tum tellus dapibus</a></b>
						<span class="date">August 25, 2010</span>
					</li>
					<li>
						<b><a href="blog_single.html">Udipiscing elit mauris sifermen tum tellus dapibus</a></b>
						<span class="date">August 20, 2010</span>
					</li>
				</ul>
			</div>
		</div>
		<!-- End Tabbed Box Container -->
		<!-- Recent Projects Slider -->
		<div class="widget-container widget_recent_projects">
			<h3>Recent Projects</h3>
			<ul>
				<li>
					<a href="portfolio_single.html"><img src="images/px.gif" width="260" height="115" alt="" class="pic" /></a>
					<b><a href="portfolio_single.html">Donec accumsan malesuada</a></b>
					<p>Donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan.</p>
				</li>
				<li>
					<a href="portfolio_single.html"><img src="images/px.gif" width="260" height="115" alt="" class="pic" /></a>
					<b><a href="portfolio_single.html">Donec accumsan malesuada</a></b>
					<p>Donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan.</p>
				</li>
				<li>
					<a href="portfolio_single.html"><img src="images/px.gif" width="260" height="115" alt="" class="pic" /></a>
					<b><a href="portfolio_single.html">Donec accumsan malesuada</a></b>
					<p>Donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan.</p>
				</li>
			</ul>
			<div class="clear"></div>
		</div>
	</div>
	<div class="clear"></div>
</div>
<!-- End Content Wrapper -->

<!-- Start Footer Sidebar -->
<div class="fsb_full">	
	<div id="fsb">
		<!-- Start First Collumn -->
		<div class="widget-container widget_recent_posts" data-place="2">
			<h3>Latest News</h3>
			<ul>
				<li>
					<a href="blog_single.html" class="thumb"><img src="images/news_pic1.jpg" alt="" width="72" height="48" border="0" /></a>
					<h4><a href="blog_single.html">Cufon Font Replacement</a></h4>
					<p>Aenean convallis ultricies nisl, et ultrices metus gravida vel.</p>
					<div class="clear"></div>
				</li>
				<li>
					<a href="blog_single.html" class="thumb"><img src="images/news_pic2.jpg" width="72" height="48" alt="" /></a>
					<h4><a href="blog_single.html">Auto Column Alignment</a></h4>
					<p>Donec accumsan malesuada orcidonec sitmet eros lorem isum.</p>
					<div class="clear"></div>
				</li>
			</ul>
		</div>
		<!-- Start Second Collumn -->
		<div class="widget-container widget_links">
			<h3>Blogroll</h3>
			<ul>
				<li><a href="#" title="Development Blog">Development Blog</a></li>
				<li><a href="#" title="Documentation">Documentation</a></li>
				<li><a href="#" title="Plugins">Plugins</a></li>
				<li><a href="#" title="Suggest Ideas">Suggest Ideas</a></li>
				<li><a href="#" title="Support Forum">Support Forum</a></li>
			</ul>
		</div>
		<!-- Start Third Collumn -->
		<div class="widget-container widget_archive">
			<h3>Archives</h3>
			<ul>
				<li><a href="blog.html" title="August 2011">August 2011</a></li>
				<li><a href="blog_alternate.html" title="July 2011">July 2011</a></li>
				<li><a href="blog.html" title="June 2011">June 2011</a></li>
				<li><a href="blog_alternate.html" title="May 2011">May 2011</a></li>
				<li><a href="blog.html" title="April 2011">April 2011</a></li>
			</ul>
		</div>
		<!-- Start Fourth Collumn -->
		<div class="widget-container widget_text" data-place="2">
			<h3>Contact Form</h3>
			<form action="action">
				<div class="wpcf7">
					<p><label>Name:</label> <input type="text" class="wpcf7-text your-name" /></p>
					<p><label>E-mail:</label> <input type="text" class="wpcf7-text your-email" /></p>
					<p><span class="your-message"><textarea cols="20" rows="5"></textarea></span></p>
					<p><input type="submit" title="Submit" value="Submit" /></p>
				</div>
			</form>
		</div>
		<div class="clear"></div>
	</div>
</div>
<!-- End Footer Sidebar -->
<!-- Start Footer  -->
<div class="footer_full">
	<div id="footer">
		<div class="copy">
			<p>Copyright &copy; 2011  &bull;  MixerTheme  &bull;  All rights reserved</p>
			<p class="developed_by">Developed By: <a href="http://cssmixer.com/">CSSMixer</a></p>
		</div>
		<div class="social">
			<a href="http://www.facebook.com/people/@/MixerTheme" title="Facebook"><img src="images/facebook.png" width="42" height="42" alt="" /></a>
			<a href="http://themeforest.net/user/MixerTheme/portfolio" title="Myspace"><img src="images/myspace.png" width="42" height="42" alt="" /></a>
			<a href="feed://themeforest.net/feeds/users/MixerTheme" title="RSS Feed"><img src="images/rss.png" width="42" height="42" alt="" /></a>
			<a href="http://twitter.com/MixerTheme" title="Twitter"><img src="images/twitter.png" width="42" height="42" alt="" /></a>
		</div>
		<div class="clear"></div>
	</div>
</div>
<!-- End Footer  -->

<!-- Theme Hook -->
<script type="text/javascript" src="js/Includer.js"></script>
<script type="text/javascript">Cufon.now();</script>
</body>
</html>